MiriadaX

Práctica opcional - MÓDULO 1 - TEMA 5
Estructura HTML

Enunciado:

Realiza un esquema sencillo de este documento HTML a su estructura tipo árbol, que resuma brevemente las relaciones directas entre elementos de la página, clarificando la jerarquía del árbol.

El código es el siguiente:


<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>Ejercicio opcional árbol</title>
</head>

<body>
    <header>
        <img src="firefox-os.png" alt="FirefoxOS Logo">
    </header>
    <nav>
        <ul>
            <li>Menú 1</li>
            <li>Menú 2</li>
            <li>Menú 3</li>
        </ul>
    </nav>
    <article>
        <h1>Titular de nivel 1</h1>
        <p>Contenido de la página</p>
    </article>
    <footer>Pie de página</footer>
</body>

</html>

Lo que el código mostraría:

FirefoxOS Logo

Titular de nivel 1

Contenido de la página

Pie de página

El diagrama es el siguiente

HTML
HEAD
BODY
HEADER
NAV
ARTICLE
IMG
UL
TITLE
Ejercicio opcional árbol
FOOTER
Pie de página
H1
Titular de nivel 1
P
Contenido de la página
LI
Menú 1
LI
Menú 2
LI
Menú 3